<app-video-header></app-video-header>
<div class="nav">
    <div class="nav-close">
        <ng-container *ngFor="let nav of NavData">
            <div (click)="changeNav(nav)" *ngIf="nav==currentNav" class="navspan navspan-active">{{nav}}</div>
            <div (click)="changeNav(nav)" *ngIf="nav!=currentNav" class="navspan">{{nav}}</div>
        </ng-container>
    </div>
</div> 

<div class="icons">
    <div>
        <div><img src="./assets/modules/HOT2.png" alt=""></div>
        <div><span>排行榜</span></div>
    </div>
    <div>
        <div><img src="./assets/modules/HOT3.png" alt=""></div>
        <div><span>每周必看</span></div>
    </div>
    <div>
        <div><img src="./assets/modules/HOT1.png" alt=""></div>
        <div><span>年度盘点</span></div>
    </div>
    <div>
        <div><img src="./assets/modules/HOT4.png" alt=""></div>
        <div><span>黑马榜</span></div>
    </div>
    <div>
        <div><img src="./assets/modules/HOT5.png" alt=""></div>
        <div><span>三体百科</span></div>
    </div>
    <div>
        <div><img src="./assets/modules/HOT6.png" alt=""></div>
        <div><span>入站必刷</span></div>
    </div>
</div>

<div class="box">
    <div *ngFor="let item of VideoList" class="box-list">
        <div class="box-img"><img src="{{item.image}}" alt=""></div>
        <div class="box-text">
            <div><p>{{item.title}}</p></div>
            <div class="box-up"><span>{{item.name}}</span></div>
            <div class="box-time">
                <div class="time-l" *ngIf="item.countLike>=10000">{{item.countLike |toW}}</div>
                <div class="time-l" *ngIf="item.countLike<10000">{{item.countLike}}</div>
                <div class="time-r"></div>                
            </div>
        </div>
    </div>
</div>

<app-menu></app-menu>